<template>
	<view :class="{'yejian': if_theme_dark}">
		<!--#ifdef APP-PLUS-->
		<!-- <view class="lz-status_bar">
			<view class="lz-top_view"></view>
		</view> -->
		<!--#endif-->
		<!-- <view class="kaoshi-head">
			<view class="kaoshi-head-top">
				<view class="kaoshi-head-left" @tap="$navigateBack"><view class="iconfont icon-zuojiantou"></view></view>
				<view class="kaoshi-head-m">
					错题详情
				</view>
				<view class="kaoshi-head-right"><view class="iconfont icon-sey-A-add-a" @tap="show_change_moshi=true"></view></view>
			</view>
		</view> -->
		<swiper class="swiper" :autoplay="false" :current="current" style="height: calc(100vh - 188upx);" :duration="0" @change="swiper_change">
			<swiper-item>
				<scroll-view scroll-y style="height: 100%;">
					<view class="questionBankAnswer"
					 :class="{'font1': font_size_type === 1, 'font2': font_size_type === 2, 'font3': font_size_type === 3, 'font4': font_size_type === 4}"
					 v-if="last_timu && last_timu.id">
						<view class="questionBankAnswer-flex">
							<view class="questionBankAnswer-top-l">
								<view class="questionBankAnswer-top">
								    <span style="font-size:18px;font-weight: 700;">
										第{{ timu_order  }}题
									</span>
								</view>
								<view class="questionBankAnswer-tx">
									<span v-if="last_timu.type == 1">
										单选
									</span>
									<span v-if="last_timu.type == 2">
										多选
									</span>
									<span v-if="last_timu.type == 3">
										判断
									</span>
									<span v-if="last_timu.type == 4">
										填空
									</span>
									<span v-if="last_timu.type == 5">
										简答
									</span>
									<span v-if="last_timu.type == 6">
										阅读理解
									</span>
									<span v-if="last_timu.type == 7">
										完形填空
									</span> 
									<span v-if="last_timu.type == 8">
										翻译
									</span>
									<span v-if="last_timu.type == 9">
										写作
									</span>
								</view>
								<!-- <view class="questionBankAnswer-tx">{{ last_timu.type == 1 ? '单选' : last_timu.type == 2 ? '多选' : '判断' }}</view> -->
							</view>
						</view>
						<view class="questionBankAnswer-title"><rich-text :nodes="last_timu.question_name">></rich-text></view>
						<!-- <view class="questionBankAnswer-title">{{ last_timu.question_name }}</view> -->
					</view>
					<!-- type 1单选 2多选 3判断 -->
					<view class="questionBankAnswer-content"
					 :class="{'font1': font_size_type === 1, 'font2': font_size_type === 2, 'font3': font_size_type === 3, 'font4': font_size_type === 4}"
					 v-if="last_timu && last_timu.answers">
						<block v-for="(item, index) in last_timu.answers" :key="index">
							<view class="questionBankAnswer-content-menu">
								<view class="questionBankAnswer-content-num">
									{{ item.answer_code }}
								</view>
								<view class="questionBankAnswer-content-txt">
									<rich-text :nodes="item.answer"></rich-text>
								<!-- {{ item.answer }} -->
								</view>
							</view>
						</block>
					</view>
				</scroll-view>
			</swiper-item>
			<swiper-item v-if="current_timu.type==6 || current_timu.type==7">
				<movable-area style="height:70%;width: 100%; " >
				<!-- <scroll-view scroll-y style="height: 100%;"> -->
					<view  :style="'height:'+uphg+'px'" class="questionBankAnswer height50"
					:class="{'font1': font_size_type === 1, 'font2': font_size_type === 2, 'font3': font_size_type === 3, 'font4': font_size_type === 4}"
					v-if="current_timu && current_timu.id">
						<view class="questionBankAnswer-flex">
							<view class="questionBankAnswer-top-l">
								<view class="questionBankAnswer-top">
								    <span style="font-size:18px;font-weight: 700;">
										第{{ timu_order }}题
									</span>
								</view>
								<view class="questionBankAnswer-tx">
									<span v-if="current_timu.type == 1">
										单选
									</span>
									<span v-if="current_timu.type == 2">
										多选
									</span>
									<span v-if="current_timu.type == 3">
										判断
									</span>
									<span v-if="current_timu.type == 4">
										填空
									</span>
									<span v-if="current_timu.type == 5">
										简答
									</span>
									<span v-if="current_timu.type == 6">
										阅读理解
									</span>
									<span v-if="current_timu.type == 7">
										完形填空
									</span> 
									<span v-if="current_timu.type == 8">
										翻译
									</span>
									<span v-if="current_timu.type == 9">
										写作
									</span>
									<span v-if="current_timu.type == 10">
										计算题
									</span> 
								</view>
								<!-- <view class="questionBankAnswer-tx">{{ current_timu.type == 1 ? '单选' : current_timu.type == 2 ? '多选' : '判断' }}</view> -->
							</view>
						</view>
						<view class="questionBankAnswer-title"><rich-text :nodes="current_timu.question_name">></rich-text></view>
						<!-- <view class="questionBankAnswer-title">{{ current_timu.question_name }}</view> -->
					</view>
					<view style="height:54rpx;">
						<movable-view @change="move"  class="drag"  direction="vertical" friction="5" :y="y">
						  <image style="width: 90px;height: 28px;" src="../../../static/img/dragimg.jpg"></image>
						</movable-view>
					</view>
					<scroll-view scroll-y :style="'height:'+belowhg+'px'">
						<view class="questionBankAnswer-content" :class="{'font1': font_size_type === 1, 'font2': font_size_type === 2, 'font3': font_size_type === 3, 'font4': font_size_type === 4}"  v-if="current_timu && current_timu.answers">
							<block v-for="(item, index) in current_timu.answers" :key="index" v-if="current_timu.type==1 || current_timu.type==2 ||current_timu.type==3">
								<view class="questionBankAnswer-content-menu"
								:class="{'active-bg': (copy_user_answer && ((copy_user_answer[current_timu.id] && copy_user_answer[current_timu.id][index].active) || copy_post_status[current_timu.id] || show_beiti) &&  ((current_timu.sontype == 2 && ((!current_timu.post_status && copy_user_answer[current_timu.id][index].active) ||  (item.right_flg && show_beiti) ||  (current_timu.post_status && item.right_flg))) || ((current_timu.sontype == 1 || current_timu.sontype == 3 ) && item.right_flg))), //// 用户答题完毕，正确答案显示，用户
									// 错误答案显示
									'error-bg': copy_user_answer && ((current_timu.sontype == 2 && current_timu.post_status) || (current_timu.sontype == 1 || current_timu.sontype == 3)) && copy_user_answer[current_timu.id] && copy_user_answer[current_timu.id][index].active && copy_user_answer[current_timu.id] && copy_user_answer[current_timu.id][index] && copy_user_answer[current_timu.id][index].error_flg}"
								>
									<!-- 用户选择错误答案显示特殊样式 -->
									<view class="questionBankAnswer-content-num"
									:class="{'active': (copy_user_answer && (copy_user_answer[current_timu.id][index].active || copy_post_status[current_timu.id] || show_beiti) &&  ((current_timu.type == 2 && ((!current_timu.post_status && copy_user_answer[current_timu.id][index].active) ||  (item.right_flg && show_beiti) ||  (current_timu.post_status && item.right_flg))) || ((current_timu.type == 1 || current_timu.type == 3 ) && item.right_flg))), //// 用户答题完毕，正确答案显示，用户
									// 错误答案显示
									'error': copy_user_answer && ((current_timu.type == 2 && current_timu.post_status) || (current_timu.type == 1 || current_timu.type == 3)) && copy_user_answer[current_timu.id][index].active && copy_user_answer[current_timu.id] && copy_user_answer[current_timu.id][index] && copy_user_answer[current_timu.id][index].error_flg}">
										{{ item.answer_code === '1' ? 'A' : item.answer_code === '0' ? 'B' : item.answer_code }}
										<!-- 考试不显示 -->
										<!-- 1、用户提交答案以后显示 -->
										<!-- 2、背题模式显示 -->
										<view v-if="(copy_post_status[current_timu.id] || show_beiti) && item.right_flg"
										 class="questionBankAnswer-dui" >
											<image :src="static_media.img01" class="questionBankAnswer-dui-img"></image>
										</view>
									</view>
									<view class="questionBankAnswer-content-txt">
										<rich-text :nodes="item.answer"></rich-text>
									<!-- {{ item.answer }} -->
									</view>
								</view>
							</block>
							<block  v-if="current_timu.type==4 || current_timu.type==5 || current_timu.type==8 || current_timu.type==9 || current_timu.type==10">
								 <view style="background:#f6f6f6;height: 300rpx;margin-top: 20rpx;border-radius: 20rpx;text-align:center;margin-bottom:20rpx"   > 
									<view >
										<image :src="timu_list[timu_order-1].imgurl" mode="heightFix" style="max-height: 300rpx;"></image> 
									</view>
								</view>
							</block>
							<block  v-if="current_timu.type==6 || current_timu.type==7 ">
								<view class="questionBankAnswer-title"><rich-text :nodes="current_timu.sonquestion_name"></rich-text></view>
								<block v-for="(item, index) in current_timu.answers" :key="index" >
									<view class="questionBankAnswer-content-menu" @tap="post_answer(item, index)"
										  :class="{'active-bg': (copy_user_answer && ((copy_user_answer[current_timu.id] && copy_user_answer[current_timu.id][index].active) || copy_post_status[current_timu.id] || show_beiti) &&  ((current_timu.sontype == 2 && ((!current_timu.post_status && copy_user_answer[current_timu.id][index].active) ||  (item.right_flg && show_beiti) ||  (current_timu.post_status && item.right_flg))) || ((current_timu.sontype == 1 || current_timu.sontype == 3 ) && item.right_flg))), //// 用户答题完毕，正确答案显示，用户
										// 错误答案显示
										'error-bg': copy_user_answer && ((current_timu.sontype == 2 && current_timu.post_status) || (current_timu.sontype == 1 || current_timu.sontype == 3)) && copy_user_answer[current_timu.id] && copy_user_answer[current_timu.id][index].active && copy_user_answer[current_timu.id] && copy_user_answer[current_timu.id][index] && copy_user_answer[current_timu.id][index].error_flg}"
									>
										<!-- 用户选择错误答案显示特殊样式 -->
										<view class="questionBankAnswer-content-num"
											  :class="{'active': (copy_user_answer && ((copy_user_answer[current_timu.id] && copy_user_answer[current_timu.id][index].active) || copy_post_status[current_timu.id] || show_beiti) &&  ((current_timu.sontype == 2 && ((!current_timu.post_status && copy_user_answer[current_timu.id][index].active) ||  (item.right_flg && show_beiti) ||  (current_timu.post_status && item.right_flg))) || ((current_timu.sontype == 1 || current_timu.sontype == 3 ) && item.right_flg))), //// 用户答题完毕，正确答案显示，用户
										// 错误答案显示
										'error': copy_user_answer && ((current_timu.sontype == 2 && current_timu.post_status) || (current_timu.sontype == 1 || current_timu.sontype == 3)) && copy_user_answer[current_timu.id] && copy_user_answer[current_timu.id][index].active && copy_user_answer[current_timu.id] && copy_user_answer[current_timu.id][index] && copy_user_answer[current_timu.id][index].error_flg}">
											{{ item.answer_code === '1' ? 'A' : item.answer_code === '0' ? 'B' :
											item.answer_code }}
											<!-- 考试不显示 -->
											<!-- 1、用户提交答案以后显示 -->
											<!-- 2、背题模式显示 -->
											<view v-if="(copy_post_status[current_timu.id] || show_beiti) && item.right_flg"
												  class="questionBankAnswer-dui">
												<image :src="static_media.img01" class="questionBankAnswer-dui-img"></image>
											</view>
										</view>
										<view class="questionBankAnswer-content-txt">
											<rich-text :nodes="item.answer"></rich-text>
										<!-- {{ item.answer }} -->
										</view>
									</view>
								</block>
								
							</block>
												
						</view>
						<view v-if="current_timu.answer && (current_timu.type == 2)" :class="{'font1': font_size_type === 1, 'font2': font_size_type === 2, 'font3': font_size_type === 3, 'font4': font_size_type === 4}" >
							<button :class="is_duoxuan_sub ? 'duoxuan_checked' : 'duoxuan' " type="">{{is_duoxuan_sub ? '提交成功' : '选择后点击提交'}}</button>
						</view>
					 
					    <view class="questionBankAnswer-jiexi" v-if="show_beiti || copy_post_status[current_timu.id]" :class="{'font1': font_size_type === 1, 'font2': font_size_type === 2, 'font3': font_size_type === 3, 'font4': font_size_type === 4}" >
							<!--如果答对加class=dui-->
							<view  v-if="current_timu.type ==1 || current_timu.type==2 || current_timu.type==3 || current_timu.type==4 || current_timu.sontype==1" class="questionBankAnswer-jiexi-daan" :class="{'dui': answer_type==1,'cuo': answer_type==0 }">
								<uni-section title="试题答案" type="line">
									<view style="margin-left: 40rpx;">
										正确答案：{{ current_timu.right_answer == 1 ? '对' : current_timu.right_answer == 0 ? '错' :
										current_timu.right_answer }}
									</view>
									<view class="question_feedback" @click="question_feedback()">
										反馈
									</view>
								</uni-section>
							</view>
							<view class="nan_du">
								<view >
									<text style="margin-right: 20rpx;">
										难度
									</text>
									<uni-rate :readonly="true" v-model="value" size="15" />
								</view>
								 <view>
									答错率 69%
								 </view>
							</view>
							<uni-section title="试题解析" type="line">
								<view class="questionBankAnswer-jiexi-jx"
									  v-if="show_beiti || copy_post_status[current_timu.id]">
									{{ current_timu.area }}
								</view>
							</uni-section>
						</view> 
				    </scroll-view>
			    
				</movable-area>
			</swiper-item>
			<swiper-item v-else>
				<scroll-view scroll-y style="height: 100%;">
					<view class="questionBankAnswer"
					:class="{'font1': font_size_type === 1, 'font2': font_size_type === 2, 'font3': font_size_type === 3, 'font4': font_size_type === 4}"
					v-if="current_timu && current_timu.id">
						<view class="questionBankAnswer-flex">
							<view class="questionBankAnswer-top-l">
								<view class="questionBankAnswer-top">
								    <span style="font-size:18px;font-weight: 700;">
										第{{ timu_order }}题
									</span>
								</view>
								<view class="questionBankAnswer-tx">
									<span v-if="current_timu.type == 1">
										单选
									</span>
									<span v-if="current_timu.type == 2">
										多选
									</span>
									<span v-if="current_timu.type == 3">
										判断
									</span>
									<span v-if="current_timu.type == 4">
										填空
									</span>
									<span v-if="current_timu.type == 5">
										简答
									</span>
									<span v-if="current_timu.type == 6">
										阅读理解
									</span>
									<span v-if="current_timu.type == 7">
										完形填空
									</span> 
									<span v-if="current_timu.type == 8">
										翻译
									</span>
									<span v-if="current_timu.type == 9">
										写作
									</span>
									<span v-if="current_timu.type == 10">
										计算题
									</span> 
								</view>
								<!-- <view class="questionBankAnswer-tx">{{ current_timu.type == 1 ? '单选' : current_timu.type == 2 ? '多选' : '判断' }}</view> -->
							</view>
						</view>
						<view class="questionBankAnswer-title">
							<rich-text :nodes="current_timu.question_name">
							</rich-text>
						</view>
						<!-- <view class="questionBankAnswer-title">{{ current_timu.question_name }}</view> -->
					</view>
					<view class="questionBankAnswer-content" :class="{'font1': font_size_type === 1, 'font2': font_size_type === 2, 'font3': font_size_type === 3, 'font4': font_size_type === 4}"  v-if="current_timu && current_timu.answers">
						<block v-for="(item, index) in current_timu.answers" :key="index" v-if="current_timu.type==1 || current_timu.type==2 ||current_timu.type==3">
							<view class="questionBankAnswer-content-menu"
							:class="{'active-bg': (copy_user_answer && (copy_user_answer[current_timu.id][index].active || copy_post_status[current_timu.id] || show_beiti) &&  ((current_timu.type == 2 && ((!current_timu.post_status && copy_user_answer[current_timu.id][index].active) ||  (item.right_flg && show_beiti) ||  (current_timu.post_status && item.right_flg))) || ((current_timu.type == 1 || current_timu.type == 3 ) && item.right_flg))), //// 用户答题完毕，正确答案显示，用户
							// 错误答案显示
							'error-bg': copy_user_answer && ((current_timu.type == 2 && current_timu.post_status) || (current_timu.type == 1 || current_timu.type == 3)) && copy_user_answer[current_timu.id][index].active && copy_user_answer[current_timu.id] && copy_user_answer[current_timu.id][index] && copy_user_answer[current_timu.id][index].error_flg}">
								
								<!-- 用户选择错误答案显示特殊样式 -->
								<view class="questionBankAnswer-content-num"
								:class="{'active': (copy_user_answer && (copy_user_answer[current_timu.id][index].active || copy_post_status[current_timu.id] || show_beiti) &&  ((current_timu.type == 2 && ((!current_timu.post_status && copy_user_answer[current_timu.id][index].active) ||  (item.right_flg && show_beiti) ||  (current_timu.post_status && item.right_flg))) || ((current_timu.type == 1 || current_timu.type == 3 ) && item.right_flg))), //// 用户答题完毕，正确答案显示，用户
								// 错误答案显示
								'error': copy_user_answer && ((current_timu.type == 2 && current_timu.post_status) || (current_timu.type == 1 || current_timu.type == 3)) && copy_user_answer[current_timu.id][index].active && copy_user_answer[current_timu.id] && copy_user_answer[current_timu.id][index] && copy_user_answer[current_timu.id][index].error_flg}">
									{{ item.answer_code === '1' ? 'A' : item.answer_code === '0' ? 'B' : item.answer_code }}
									<!-- 考试不显示 -->
									<!-- 1、用户提交答案以后显示 -->
									<!-- 2、背题模式显示 -->
									<view v-if="(copy_post_status[current_timu.id] || show_beiti) && item.right_flg"
									 class="questionBankAnswer-dui" >
										<image :src="static_media.img01" class="questionBankAnswer-dui-img"></image>
									</view>
								</view>
								<view class="questionBankAnswer-content-txt">
									<rich-text :nodes="item.answer"></rich-text>
								<!-- {{ item.answer }} -->
								</view>
							</view>
						</block>
					    <block  v-if="current_timu.type==4 || current_timu.type==5 || current_timu.type==8 || current_timu.type==9 || current_timu.type==10">
					         <view style="background:#f6f6f6;height: 300rpx;margin-top: 20rpx;border-radius: 20rpx;text-align:center;margin-bottom:20rpx"   > 
					     		<view >
					     			<image :src="timu_list[timu_order-1].imgurl" mode="heightFix" style="max-height: 300rpx;"></image> 
					     		</view>
					        </view>
					    </block>
						<block  v-if="current_timu.type==6 || current_timu.type==7 ">
						 	<view class="questionBankAnswer-title"><rich-text :nodes="current_timu.sonquestion_name"></rich-text></view>
						 	<block v-for="(item, index) in current_timu.answers" :key="index" >
						 		<view class="questionBankAnswer-content-menu" @tap="post_answer(item, index)"
						 			  :class="{'active-bg': (copy_user_answer && ((copy_user_answer[current_timu.id] && copy_user_answer[current_timu.id][index].active) || copy_post_status[current_timu.id] || show_beiti) &&  ((current_timu.sontype == 2 && ((!current_timu.post_status && copy_user_answer[current_timu.id][index].active) ||  (item.right_flg && show_beiti) ||  (current_timu.post_status && item.right_flg))) || ((current_timu.sontype == 1 || current_timu.sontype == 3 ) && item.right_flg))), //// 用户答题完毕，正确答案显示，用户
						 			// 错误答案显示
						 			'error-bg': copy_user_answer && ((current_timu.sontype == 2 && current_timu.post_status) || (current_timu.sontype == 1 || current_timu.sontype == 3)) && copy_user_answer[current_timu.id] && copy_user_answer[current_timu.id][index].active && copy_user_answer[current_timu.id] && copy_user_answer[current_timu.id][index] && copy_user_answer[current_timu.id][index].error_flg}"
						 		>
						 			<!-- 用户选择错误答案显示特殊样式 -->
						 			<view class="questionBankAnswer-content-num"
						 				  :class="{'active': (copy_user_answer && ((copy_user_answer[current_timu.id] && copy_user_answer[current_timu.id][index].active) || copy_post_status[current_timu.id] || show_beiti) &&  ((current_timu.sontype == 2 && ((!current_timu.post_status && copy_user_answer[current_timu.id][index].active) ||  (item.right_flg && show_beiti) ||  (current_timu.post_status && item.right_flg))) || ((current_timu.sontype == 1 || current_timu.sontype == 3 ) && item.right_flg))), //// 用户答题完毕，正确答案显示，用户
						 			// 错误答案显示
						 			'error': copy_user_answer && ((current_timu.sontype == 2 && current_timu.post_status) || (current_timu.sontype == 1 || current_timu.sontype == 3)) && copy_user_answer[current_timu.id] && copy_user_answer[current_timu.id][index].active && copy_user_answer[current_timu.id] && copy_user_answer[current_timu.id][index] && copy_user_answer[current_timu.id][index].error_flg}">
						 				{{ item.answer_code === '1' ? 'A' : item.answer_code === '0' ? 'B' :
						 				item.answer_code }}
						 				<!-- 考试不显示 -->
						 				<!-- 1、用户提交答案以后显示 -->
						 				<!-- 2、背题模式显示 -->
						 				<view v-if="(copy_post_status[current_timu.id] || show_beiti) && item.right_flg"
						 					  class="questionBankAnswer-dui">
						 					<image :src="static_media.img01" class="questionBankAnswer-dui-img"></image>
						 				</view>
						 			</view>
						 			<view class="questionBankAnswer-content-txt">
										<rich-text :nodes="item.answer"></rich-text>
									<!-- {{ item.answer }} -->
									</view>
						 		</view>
						 	</block>
						 	
						</block>
						 					
					</view>
					<view v-if="current_timu.answer && (current_timu.type == 2)" :class="{'font1': font_size_type === 1, 'font2': font_size_type === 2, 'font3': font_size_type === 3, 'font4': font_size_type === 4}" >
						<button :class="is_duoxuan_sub ? 'duoxuan_checked' : 'duoxuan' " type="">{{is_duoxuan_sub ? '提交成功' : '选择后点击提交'}}</button>
					</view>
					 
					    <view class="questionBankAnswer-jiexi" v-if="show_beiti || copy_post_status[current_timu.id]" :class="{'font1': font_size_type === 1, 'font2': font_size_type === 2, 'font3': font_size_type === 3, 'font4': font_size_type === 4}" >
							<!--如果答对加class=dui-->
							<view  v-if="current_timu.type ==1 || current_timu.type==2 || current_timu.type==3 || current_timu.type==4 || current_timu.sontype==1" class="questionBankAnswer-jiexi-daan" :class="{'dui': answer_type==1,'cuo': answer_type==0 }">
								<uni-section title="试题答案" type="line">
									<view style="margin-left: 40rpx;">
										正确答案：{{ current_timu.right_answer == 1 ? '对' : current_timu.right_answer == 0 ? '错' :
										current_timu.right_answer }}
									</view>
									<view class="question_feedback" @click="question_feedback()">
										反馈
									</view>
								</uni-section>
							</view>
							<view class="nan_du">
								<view >
									<text style="margin-right: 20rpx;">
										难度
									</text>
									<uni-rate :readonly="true" v-model="value" size="15" />
								</view>
								 <view>
									答错率 69%
								 </view>
							</view>
							<uni-section title="试题解析" type="line">
								<view class="questionBankAnswer-jiexi-jx"
									  v-if="show_beiti || copy_post_status[current_timu.id]">
									{{ current_timu.area }}
								</view>
							</uni-section>
						</view> 
				</scroll-view>
			</swiper-item>
			
			<swiper-item>
				<scroll-view scroll-y style="height: 100%;">
					<view class="questionBankAnswer"
					 :class="{'font1': font_size_type === 1, 'font2': font_size_type === 2, 'font3': font_size_type === 3, 'font4': font_size_type === 4}"
					 v-if="next_timu && next_timu.id">
						<view class="questionBankAnswer-flex">
							<view class="questionBankAnswer-top-l">
								<view class="questionBankAnswer-top">
								    <span style="font-size:18px;font-weight: 700;">
										第{{ timu_order }}题
									</span>
								</view>
								<view class="questionBankAnswer-tx">
									<span v-if="next_timu.type == 1">
										单选
									</span>
									<span v-if="next_timu.type == 2">
										多选
									</span>
									<span v-if="next_timu.type == 3">
										判断
									</span>
									<span v-if="next_timu.type == 4">
										填空
									</span>
									<span v-if="next_timu.type == 5">
										简答
									</span>
									<span v-if="next_timu.type == 6">
										阅读理解
									</span>
									<span v-if="next_timu.type == 7">
										完形填空
									</span> 
									<span v-if="current_timu.type == 8">
										翻译
									</span>
									<span v-if="current_timu.type == 9">
										写作
									</span>
									<span v-if="current_timu.type == 10">
										计算题
									</span> 
								</view>
								<!-- <view class="questionBankAnswer-tx">{{ next_timu.type == 1 ? '单选' : next_timu.type == 2 ? '多选' : '判断' }}</view> -->
							</view>
						</view>
						<view class="questionBankAnswer-title"><rich-text :nodes="next_timu.question_name">></rich-text></view>
						<!-- <view class="questionBankAnswer-title">{{ next_timu.question_name }}</view> -->
					</view>
					<!-- type 1单选 2多选 3判断 -->
					<view class="questionBankAnswer-content"
					 :class="{'font1': font_size_type === 1, 'font2': font_size_type === 2, 'font3': font_size_type === 3, 'font4': font_size_type === 4}"
					 v-if="next_timu && next_timu.answers">
						<block v-for="(item, index) in next_timu.answers" :key="index">
							<view class="questionBankAnswer-content-menu">
								<view class="questionBankAnswer-content-num">
									{{ item.answer_code }}
								</view>
								<view class="questionBankAnswer-content-txt">
									<rich-text :nodes="item.answer"></rich-text>
								<!-- {{ item.answer }} -->
								</view>
							</view>
						</block>
					</view>
				</scroll-view>
			</swiper-item>
		</swiper>
		<ifguide ref="ifguide"></ifguide>
		<view class="order-pay">
			
			<view @tap="upTest(timu_order)">
			        <image v-if="timu_order-1<1" src="../../../static/img/btn-cuo.png"></image>
			        <image v-else  style="width: 50rpx;height: 50rpx;"   src="https://shuati26.kptedu.com/uploads/image/btn-left.png"></image>
			        <text style="margin-left: -8px;">上一题</text>
			   </view>
			
			<view class="questionBankAnswer-r" @tap="show_choice_timu_list = true">
			    <image style="width: 40rpx;height: 40rpx;" src="https://shuati26.kptedu.com/uploads/image/btn-type.png"></image>
			    <view class="questionBankAnswer-r-menu" style="font-size: 22rpx;" >
			        <span>{{ timu_order }}</span>
			        /{{ total_num }}
			    </view>
			</view>
			<view @tap="downTest(timu_order)">
			       <image v-if="timu_order + 1 > total_num"   src="../../../static/img/btn-cuo.png"></image>
			    <image v-else style="width: 50rpx;height: 50rpx;" src="https://shuati26.kptedu.com/uploads/image/btn-right.png"></image>
			       <text style="margin-left: -3px;">下一题</text>
			   </view>
			
			
		</view>

		<view class="order-pay-z"
		      v-if="show_choice_timu_list"
		      @tap="show_choice_timu_list = false"></view>
		<view class="tika" v-if="show_choice_timu_list">
		  <view class="order-pay1">
		    <view class="questionBankAnswer-bottom">
		      <view class="questionBankAnswer-bottom-flex"
					:class="{'collect': current_timu.is_fav == 1}"
		            @tap="collect_opt">
		        <view class="iconfont " :class="{'icon-shoucang': current_timu.is_fav != 1, 'icon-shoucang1': current_timu.is_fav == 1}"></view>
		        <view>{{ current_timu.is_fav == 1 ? '已收藏' : '收藏'}}</view>
		      </view>
		    </view>
		    <view class="questionBankAnswer-dc">
<!--		      <view class="questionBankAnswer-dc-flex">-->
<!--		        <view class="iconfont icon-dui"></view>-->
<!--		        <view>{{ my_res.right_num }}</view>-->
<!--		      </view>-->
<!--		      <view class="questionBankAnswer-dc-flex">-->
<!--		        <view class="iconfont icon-cuo"></view>-->
<!--		        <view>{{ my_res.error_num }}</view>-->
<!--		      </view>-->
		    </view>
		    <view class="questionBankAnswer-r">
		      <view class="iconfont icon-fenlei"></view>
		      <view class="questionBankAnswer-r-menu">
		        <span>{{ timu_order }}</span>
		        /{{ total_num }}
		      </view>
		    </view>
		  </view>
		  <view class="tika-content">
		    <block v-for="(item, index) in timu_list"
		           :key="index">
					<view @tap="choice_timu_by_id(index)"
								class="tika-content-n green-background"
								v-if="item.state === 2">{{ index+1 }}</view>
					<view @tap="choice_timu_by_id(index)"
								class="tika-content-n red-background"
								v-else-if="item.state === 1">{{ index+1 }}</view>
		      <view class="tika-content-n"
								v-else-if="item.state === 3"
		            @tap="choice_timu_by_id(index)">{{ index+1 }}</view>
		    </block>
		  </view>

		</view>
		<view class="order-pay-z"
			v-if="show_change_moshi"
			@tap="show_change_moshi = false"></view>
		<view class="tika" v-if="show_change_moshi" style="height: 158px;">
			<view class="tika-content">
				<view class="uni-list">
					<view class="uni-list-cell uni-list-cell-pd">
						<view class="uni-list-cell-db">夜间模式</view>
						<switch color="#3c7bfc" :checked="if_theme_dark" @change="set_if_theme_dark"></switch>
					</view>
					<view class="uni-list-cell uni-list-cell-pd" style="position: relative;width: 100%;">
						<slider activeColor="#3c7bfc" backgroundColor="#3c7bfc" @change="set_font_size_type" :value="font_size_type" :min="1" :step="1" :max="4" style="width: 92%;margin: 7px 0;height: 100%;" />
					</view>
				</view>
			</view>
		</view>
		<overtimu v-if="show_over_dati" :timuinfo="over_dati_info" @tap_handler="tap_handler"></overtimu>
		<ifcontinue v-if="show_continue_answer" :timuorder="timu_order" @tap_handler="tap_handler"></ifcontinue>

	</view>
</template>

<script>
// 退出答题组件
import overtimu from '@/pagesa/components/overtimu/index';
import { mapState } from 'vuex';
import uniPopup from "@/pagesa/components/uni-popup/uni-popup.vue"
import ifguide from "@/components/if-guide/index.vue"
import ifcontinue from "@/pagesa/components/if-continue/index"
export default {
	data() {
		return {
			exam_id:0,
			exam_user_id:0,// 模拟考试存在多次参与的情况
			type:0,//1 章节练习错题  2 历年真题错题
			total_num: 0,
			copy_post_answer_right:[],
			//区分多选题是否点击提交按钮
			is_duoxuan_sub:false,
			//是否显示继续答题弹框
			show_continue_answer:false,
			// 答题、背题模式
			show_beiti: true,
			// 上一题
			last_timu: {},
			// 当前题目
			current_timu: {},
			// 下一题
			next_timu: {},
			// 用户输入的答案
			copy_user_answer: {},
			copy_right_answer_code: {},
			copy_post_status: {},
			// 是否显示退出答题弹框
			show_over_dati: false,
			over_dati_info: {},
			// 用于swiper组件的current更新
			current: 1,
			old: {
				current: 1
			},
			// 答题开始时间
			start_time: 0,
			// 页面参数
			pages_params: {},
			// 显示购买vip
			show_buy_options: false,
			// 显示答题卡
			show_choice_timu_list: false,
			// 答题卡
			timu_list: [],
			// 字号大小
			show_change_moshi: false,
			font_size_type: 2, // 4种级别
			if_theme_dark: false, // 黑夜模式
			// 错题每次都从第一题开始
			timu_order: 1,
			// current_timu right error
			current_timu_right: 0,
			current_timu_error: 0,
			answer_type: '',
			y: 360,
			uphg: 360, 
			windowHeight:'',
			belowhg:''
		};
	},
	components: {
		overtimu,
		uniPopup,
		ifguide,
		ifcontinue
	},
	computed: {
		...mapState(['subject', 'userinfo']),
		static_media() {
			return {
				img01: this.$myConfig.localMedia + '/static/img/dui.png',
			}
		},
		my_answer() {
			let answers = this.copy_user_answer[this.current_timu.id];
			
			let answer = '';
			if (answers && answers.length > 0) {
				for (let i = 0, leng = answers.length; i < leng; i++) {
					if(answers[i].active) {
						answer+=answers[i].answer_code
					}
				}
			}
			if (answer === '1') {
				answer = '对'
			} else if (answer === '0') {
				answer = '错'
			}
			return answer;
		},
		my_res() {
			let right_num = 0
			let error_num = 0
			for(let i = 0,leng=this.timu_list.length; i<leng;i++){
				//state 答题状态：1是错2是对3是未答过此题
				if(this.timu_list[i].state == 1){
					error_num++
				}else if(this.timu_list[i].state == 2){
					right_num++
				}
			}
			return {
				right_num,
				error_num
			};
		}
	},
	onLoad(opts) {
		this.answer_type = 1 //错题直接显示正确答案 绿色
		this.pages_params = opts;
		this.type = this.pages_params.from_type
		this.exam_user_id = this.pages_params.id
		this.exam_id = this.pages_params.exam_id
		// 答题开始时间
		this.start_time = new Date().getTime();
		this.get_timu_list();
		this.windowHeight = uni.getWindowInfo().windowHeight
		this.belowhg=uni.getWindowInfo().windowHeight - 457
	},
	onReady(){
		this.$refs.ifguide.if_guide();
	},
	methods: {
		move (t){
		    
			var that=this
		    if ("touch" == t.detail.source) { 
		            var e = that.windowHeight-70, n = t.detail.y; 
		            n < 30 && (n = 30, that.y= 30),that.uphg=n,that.belowhg=e - n - 84;
		 
		    }
		},
		// 收藏
		async collect_opt() {
			 
			let res = await this.$myHttp.post({
				url:  this.$myHttp.urlMap.examshoucangeedit,
				data: {
					id: this.current_timu.id,
					exam_user_id:this.exam_user_id
				},
				needLogin: true
			});
			if (res.code == 1) {
				if (this.current_timu.is_fav == 1) {
					this.$set(this.current_timu, 'is_fav', 0)
					uni.showToast({
						icon: 'none',
						title: '取消收藏'
					});
				} else {
					this.$set(this.current_timu, 'is_fav', 1)
					uni.showToast({
						icon: 'none',
						title: '添加收藏'
					});
				}
			}
		},
		// 移除错题
		async removeError () {
			 
			let res = await this.$myHttp.post({
				url:  this.$myHttp.urlMap.exam_remove_error,
				data: {
					id: this.current_timu.id,
					exam_user_id:this.exam_user_id
				},
				needLogin: true
			});
			if (res.code == 1) {
				uni.showToast({
					icon: 'none',
					title: '操作成功'
				});
			}
		},
		// 获取答题卡
		async get_timu_list() {
			let res = await this.$myHttp.post({
				url: this.$myHttp.urlMap.examCard2,
				data: {
					exam_id: this.exam_id
				},
				needLogin: true
			});
			//2020年2月1日修改——本次答题对错记录
			if (res.code == 1) {
				
				this.timu_list = res.data;
				this.total_num = this.timu_list.length;
				for (let i =0,leng = this.timu_list.length; i < leng; i++) {
					//将所有题目状态设置为未答
					this.$set(this.timu_list[i],'state',3)
				}
				//获取第一题详情
				this.get_timu_info();
				 
			}
		},
		// 根据答题卡获取题目
		choice_timu_by_id(index) {
			this.timu_order = index + 1
			this.get_timu_info()
		},
		// 获取当前题目
		async get_timu_info() {
			
			let id = this.timu_list[this.timu_order-1].id;
			
			let res = await this.$myHttp.post({
				url: this.$myHttp.urlMap.timu_details,
				data:  {
					id: id,
					exam_user_id:this.exam_user_id,
				},
				needLogin: true
			});
			if (res.code == 1) {
				
				if (res.data != []) {
					let timu = this.set_right_flg(res.data);
					this.current_timu = timu;
					this.save_user_answer(this.current_timu);
				} else {
					this.current_timu = null;
				}
				// if(this.current_timu.type==6 || this.current_timu.type==7){
				// 	 console.log(this.current_timu.type,'this.current_timu.type !=6')
				  
				// }else{
				// 	this.belowhg=uni.getWindowInfo().windowHeight - 457
				// 	this.y=360
				// 	this.uphg=360   
				// }
				// 获取上一题，下一题
				this.$nextTick(() => {
					if(this.total_num > 1){
						if(this.timu_order == 1){
							this.last_timu = null;
							this.get_timu('next');
						}else if(this.timu_order > 1 && this.timu_order < this.total_num){
							this.get_timu('pre');
							this.get_timu('next');
						}else if(this.timu_order == this.total_num){
							this.get_timu('pre');
							this.next_timu = null;
						}
					}else if(this.total_num == 1){
						this.last_timu = null;
						this.next_timu = null;
					}
				});
			}
		},
		//获取上一题、下一题  pre 上一题  next 下一题
		async get_timu(type){
			let id = 0
			if(type == 'pre'){
				id = this.timu_list[this.timu_order-2].id;
			}else if (type == 'next'){
				id = this.timu_list[this.timu_order].id;
			}
			let res = await this.$myHttp.post({
				url: this.$myHttp.urlMap.timu_details,
				data: {
					id: id
				},
				needLogin: true
			});
			if (res.code == 1) {
				if (res.data !=[]) {
					if(this.current_timu.type==6 || this.current_timu.type==7){

					  
					}else{
						this.belowhg=uni.getWindowInfo().windowHeight - 457
						this.y=360
						this.uphg=360   
					} 
					let timu = this.set_right_flg(res.data);
					if(type == 'pre'){
						this.last_timu = timu;
						this.save_user_answer(this.last_timu);
					}else{
						this.next_timu = timu;
						this.save_user_answer(this.next_timu);
					}
				}
			}
		},
		// 设置正确答案的标记
		set_right_flg(timu) {
			if (timu) {
				if (timu.answers) {
					for (let i = 0, leng = timu.answers.length; i < leng; i++) {
						if (timu.right_answer.toString().toLowerCase().replace(/\s/g, '').indexOf(timu.answers[i].answer_code.toString().toLowerCase().replace(/\s/g, '')) !== -1) {
							timu.answers[i]['right_flg'] = true
						}
					}
				}
			}
			return timu
		},
		// 本地存储用户答案
		save_user_answer(timu) {
			if (timu && timu.answers) {
				if (!(this.copy_user_answer[timu.id])) {
					this.copy_user_answer = Object.assign({}, this.copy_user_answer, {
						[timu.id]: []
					});
					this.copy_right_answer_code = Object.assign({}, this.copy_right_answer_code, {
						[timu.id]: timu.right_answer
					});
					this.copy_post_status = Object.assign({}, this.copy_post_status, {
						[timu.id]: false
					});
					this.copy_post_answer_right = Object.assign({}, this.copy_post_answer_right, {
						[timu.id]: false
					});

					for (let i = 0, leng = timu.answers.length; i < leng; i++) {
						this.copy_user_answer[timu.id].push({
							answer_code: timu.answers[i].answer_code,
							error_flg: false,
							active: false
						})
					}
				}
			}
		},
		// 切换swiper
		swiper_change(e) {
			this.is_duoxuan_sub = false
			this.old.current = e.detail.current;
			// 上一题
			if (e.detail.current === 0) {
				if (this.last_timu) {
					this.next_timu = this.current_timu;
					this.current_timu = this.last_timu;

					this.$nextTick(() => {
						this.timu_order = this.timu_order -1;
						if(this.timu_order == 1){
							this.last_timu = null;
						}else{
							this.get_timu('pre');
						}
					});
				} else {
					this.$myUtils.$prompt.showToast({
						icon: 'none',
						title: '没有上一题'
					});
				}
			}
			// 下一题
			if (e.detail.current === 2) {
				if (this.next_timu) {
					this.last_timu = this.current_timu;
					this.current_timu = this.next_timu;
					this.$nextTick(() => {
						this.timu_order = this.timu_order +1;
						if(this.timu_order == this.total_num){
							this.next_timu = null;
						}else{
							this.get_timu('next');
						}
					});
				} else {
					this.$myUtils.$prompt.showToast({
						icon: 'none',
						title: '没有下一题'
					});
				}
			}
			this.current = this.old.current;
			this.$nextTick(function() {
				this.current = 1;
			});
		},

		// 设置字号大小
		set_font_size_type(e) {
			// font_size_type
			this.font_size_type = e.detail.value
		},
		// 设置是否黑夜模式
		set_if_theme_dark(e) {
			// if_theme_dark
			this.if_theme_dark = e.target.value
		},
		// 中途退出
		over_dati() {
			uni.navigateBack();
		},
		show_beiti_click(){
			this.show_beiti = true;
			this.answer_type = 1
		},
		tap_handler(type) {
			uni.navigateBack();
		},
		question_feedback(){
			uni.navigateTo({
				url:'/pagesa/my/question_feedback/question_feedback'
			})
		},
		downTest(e){
			
			 
			
			 if(e + 1 > this.total_num){
				 let that = this;
				 uni.showModal({
				     title: '提示',
				     content: '已没有下一题',
				     confirmText: '返回',
				     confirmColor: '#3c7bfc',
				     success: function (res) {
				         if (res.confirm) {
				            uni.navigateBack({
				                 delta: 1
				                })
				         } else if (res.cancel) {
				             console.log('用户点击取消');
				         }
				     }
				 });
				 
			 }else{
				 this.timu_order = e + 1
				 this.get_timu_info()
			 }
			
			 
		},
		upTest(e){
			 
			console.log(e)
			 if(e - 1 < 1){
				this.$myUtils.$prompt.showToast({
				    icon: 'none',
				    title: '没有上一题'
				});
			 					 
			 }else{
				 this.timu_order = e - 1
				 this.get_timu_info()
			 }
		},
	}
};
</script>

<style>
	page {
		background: #fff
	}

	.index-head-top {
		color: #fff;
	}

	.index-head-top .index-head-l {
		width: 20%;
		display: flex;
		align-items: center;
	}

	.index-head-top .index-head-m {
		width: 60%;
		text-align: center;
		display: flex;
		font-size: 17px;
		justify-content: center;
		align-items: center;
		font-weight: normal;
	}

	.moshi-active {
		background: #fff;
		color: #3c7bfc;
		height: 28px;
		border-radius: 5px;
		text-align: center;
		line-height: 28px;
		padding: 0 10px;
		width: 45%;
		margin-left: 6px;
	}

	.moshi {
		border: #fff solid 1px;
		color: #fff;
		height: 28px;
		border-radius: 5px;
		text-align: center;
		line-height: 28px;
		padding: 0 10px;
		margin-left: 6px;
		width: 45%;
	}

	.index-head-top .index-head-r {
		width: 20%;
		text-align: right;
		dispaly:flex
	}

	.index-head-r .iconfont {
		font-size: 24px;
		flex: 1;
		align-items: center;
	}

	.index-head-top .index-head-l .iconfont {
		font-size: 20px;
	}

	.questionBankAnswer {
		background: #fff;
		border-bottom: solid 1px #f6f7f9;
		padding: 16px;
		font-size: 16px;
	}

	.questionBankAnswer-flex {
		display: flex;
		justify-content: space-between;
		align-items: baseline;
	}

	.questionBankAnswer-top-l {
		display: flex;
		font-size: 16px;
		align-items: center;
	}

	.questionBankAnswer-top {
		color: #9a9a9a;
	}

	.questionBankAnswer-top span {
		color: #000;
		font-weight: bold;
	}

	.questionBankAnswer-tx {
	    background: #efefef;
	        color: #9c9c9c;
	        padding: 5rpx 10rpx;
	        font-size: 10px;
	        margin-left: 8px;
	        border-radius: 10rpx;
	}

	.questionBankAnswer-top-r {
		color: #ababab;
		font-size: 13px;
	}

	.questionBankAnswer-title {
		margin-top: 8px;
	}

	.questionBankAnswer-content {
		padding: 0 16px;
		margin-bottom: 0;
	}

	.questionBankAnswer-content .active-bg {
	    background: #f6fffe;
		border:1px #659d94 solid;
		background-image: url('http://shuati26.kptedu.com/uploads/image/data.png');
		background-size: 100rpx 100rpx;
		background-repeat: no-repeat;
		background-position: right;
	}
	
	.questionBankAnswer-content .error-bg {
	    background: #fffcf7;
		border:1px #df6b6c solid;
		background-image: url('http://shuati26.kptedu.com/uploads/image/error-tq.png');
		background-size: 100rpx 100rpx;
		background-repeat: no-repeat;
		background-position: right;
	}
	

	.questionBankAnswer-content-menu {
		display: flex;
		align-items: center;
		margin: 13px 0;
		background: #f7f7f7;
		padding: 13px;
		border-radius: 6px;
	}

	.questionBankAnswer-content-num {
		width: 30px;
		height: 30px;
		line-height: 30px;
		text-align: center;
		border-radius: 50%;
		color: #5a5a5a;
		margin-top: 2px;
		font-size: 18px;
	}

	.questionBankAnswer-content-menu .active {
		background: #0ec380;
		color: #fff;
		position: relative;
	}

	.questionBankAnswer-content-menu .error {
		background: red;
		color: #fff;
	}

	.questionBankAnswer-content-txt {
		flex: 1;
		margin-left: 12px;
		color: #5a5a5a;
	}

	.order-pay {
		background: #fff;
		    position: fixed;
		    bottom: 0;
		    width: 100%;
		    font-size: 20rpx;
		    border-top: solid 1px #eee;
		    z-index: 100;
		    display: flex;
		    justify-content: space-around;
		    padding: 15px 0;
			height: 100rpx;
	}

	.questionBankAnswer-dc {
		flex: 1;
		display: flex;
		justify-content: flex-start;
		font-size: 14px;
	}

	.questionBankAnswer-dc .questionBankAnswer-dc-flex:first-child {
		display: flex;
		align-items: center;
		text-align: center;
		color: #0ec358;
		padding: 0 14px;
	}

	.questionBankAnswer-dc-flex .iconfont {
		font-size: 18px;
	}

	.questionBankAnswer-dc .questionBankAnswer-dc-flex:last-child {
		display: flex;
		align-items: center;
		color: #ff4c4c;
	}

	.questionBankAnswer-r {
	    /* flex: 0 0 21%; */
	    display: flex;
	    font-size: 14px;
	    align-items: center;
	    color: #999;
		flex-flow: column wrap;
	}

	.questionBankAnswer-r .iconfont {
		font-size: 22px;
	}

	.questionBankAnswer-r-menu span {
		color: #000;
		font-weight: bold;
	}

	.questionBankAnswer-dui {
		position: absolute;
		bottom: 0;
		right: -3px;
		top: 11px;
	}

	.questionBankAnswer-dui-img {
		width: 21px;
		height: 16px;
	}

	/*收藏*/
	.collect .iconfont {
		color: #ffe51f;
	}

	/*题卡*/
	.tika {
		background: #fff;
		position: absolute;
		bottom: 0;
		width: 100%;
		height: 400px;
		z-index: 100;
		overflow: hidden;
		overflow-y: scroll;
		border: none !important;
		left: 0 !important;
	}

	.order-pay1 {
		background: #fff;
		width: 100%;
		font-size: 18px;
		z-index: 100;
		display: flex;
		justify-content: center;
		padding: 12px 0;
		border-bottom: solid 1px #eee;
	}

	.tika-content {
		width: 100%;
	}

	.tika-content-n {
		float: left;
		text-align: center;
		width: 36px;
		height: 36px;
		border: solid 1px #eee;
		border-radius: 50%;
		margin: 7px;
		line-height: 36px;
		font-size: 15px;
	}

	.order-pay-z {
		background: rgba(0, 0, 0, 0.45);
		width: 100%;
		z-index: 100;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
	}

	

	.questionBankAnswer-bottom {
		flex: 0 0 47%;
		display: flex;
		font-size: 14px;
	}

	.questionBankAnswer-bottom-flex {
		display: flex;
		align-items: center;
		flex: 1;
	}

	.questionBankAnswer-bottom-flex .iconfont {
		margin-right: 4px;
		font-size: 18px;
	}

	.questionBankAnswer-bottom .questionBankAnswer-bottom-flex:first-child {
		padding-left: 14px;
	}

	.questionBankAnswer-dc {
		flex: 1;
		display: flex;
		justify-content: flex-start;
		font-size: 14px;
	}

	.questionBankAnswer-dc .questionBankAnswer-dc-flex:first-child {
		display: flex;
		align-items: center;
		text-align: center;
		color: #0ec358;
		padding: 0 14px;
	}

	.questionBankAnswer-dc-flex .iconfont {
		font-size: 18px;
	}

	.questionBankAnswer-dc .questionBankAnswer-dc-flex:last-child {
		display: flex;
		align-items: center;
		color: #ff4c4c;
	}

	.questionBankAnswer-r {
		flex: 0 0 21%;
		display: flex;
		font-size: 14px;
		align-items: center;
		color: #999;
	}

	.questionBankAnswer-r .iconfont {
		font-size: 22px;
	}

	.questionBankAnswer-r-menu span {
		color: #000;
		font-weight: bold;
	}

	/*答案*/
	/* .questionBankAnswer-jiexi-daan {
		background: #f7f7f7;
		margin: 0 auto;
		display: flex;
		padding: 11px 32px;
		font-size: 14px;
		width: 74%;
	} */

	.dui {
		background: #e8f7e8;
	}

	.cuo {
		background: #feeceb;
	}

	.questionBankAnswer-jiexi-daan-flex {
		display: flex;
		align-items: center;
		flex-direction: column;
	}

	.questionBankAnswer-jiexi-daan-flex-dui {
		color: #60c25f;
		font-size: 30px;
	}

	.questionBankAnswer-jiexi-flex {
		display: flex;
	}

	.questionBankAnswer-jiexi-daan-line {
		width: 1px;
		height: 20px;
		background: #dadada;
		margin: 19px 17px;
	}

	.questionBankAnswer-jiexi-daan-flex-cuo {
		color: #f4665b;
		font-size: 30px;
	}

	/*答题数据*/
	.questionBankAnswer-jiexi-sj {
		display: flex;
		padding: 12px 10px;
		font-size: 16px;
		background: #ebf6ff;
		margin: 0 10px;
		flex-direction: column;
		margin-top: 10px;
	}

	.questionBankAnswer-jiexi-sj-title {
		font-size: 15px;
		color: #6d7276;
		margin-bottom: 3px;
	}

	.questionBankAnswer-jiexi-sj span {
		color: #60c25f;
		font-weight: bold;
	}

	/*解析*/
	.questionBankAnswer-jiexi-jx {
		padding: 12px 20px;
		font-size: 16px;
		margin-bottom: 44px;
	}

	.questionBankAnswer-jiexi-jx-title {
		color: #6d7276;
		margin-bottom: 3px;
	}

	/*字号和夜间模式*/
	.font1 {
		font-size: 12px !important;
	}

	.font2 {
		font-size: 15px !important;
	}

	.font3 {
		font-size: 25px !important;
	}

	.font4 {
		font-size: 35px !important;
	}

	.yejian,
	.yejian .index-head,
	.yejian .questionBankAnswer,
	.yejian .questionBankAnswer-jiexi-daan,
	.yejian .questionBankAnswer-jiexi-sj,
	.yejian .order-pay1,
	.yejian .tika {
		background: #3a3a3a !important;
		color: #7b7b7b !important;
		border-bottom: solid 1px #191919;
	}

	.yejian .questionBankAnswer-r-menu span {
		color: #fff;
		font-weight: bold;
	}
	.yejian .uni-list-cell-pd {
		background: #3a3a3a;
	}
	.yejian .moshi-active{
		background: #fff;
		color: #000;
	}
	.yejian .tika-content-n {
		border: solid 1px #626262;
	}

	.yejian .index-head-m, .yejian .icon {
		color: #7b7b7b !important
	}

	.yejian .order-pay {
		border-top: solid 1px #191919;
		background: #3a3a3a !important;
		color: #7b7b7b !important;
	}
	.yejian .questionBankAnswer-content-menu{
		background: #000;
	}
	.yejian .questionBankAnswer-tx {
		background: #545454;
		color: #a7a7a7;
	}

	.duoxuan {
		margin-bottom: 20px !important;
		width: 92%;
		margin: 0 auto;
		background-color: #3c7bfc;
		border-radius: 30px;
		color: #fff;
	}

	.duoxuan_checked {
		margin-bottom: 20px !important;
		width: 92%;
		margin: 0 auto;
		background-color: #d6d6d6;
		border-radius: 30px;
		color: #f8f8f8
	}

	/* 列表 */
	.uni-list {
		background-color: #FFFFFF;
		position: relative;
		width: 100%;
		display: flex;
		flex-direction: column;
	}

	.uni-list:after {
		position: absolute;
		z-index: 10;
		right: 0;
		bottom: 0;
		left: 0;
		height: 1px;
		content: '';
		-webkit-transform: scaleY(.5);
		transform: scaleY(.5);
		background-color: none;
	}

	.uni-list::before {
		position: absolute;
		z-index: 10;
		right: 0;
		top: 0;
		left: 0;
		height: 1px;
		content: '';
		-webkit-transform: scaleY(.5);
		transform: scaleY(.5);
		background-color: #c8c7cc;
	}

	.uni-list-cell {
		position: relative;
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		align-items: center;
	}

	.uni-list-cell-hover {
		background-color: #eee;
	}

	.uni-list-cell-pd {
		padding: 22upx 30upx;
	}

	.uni-list-cell-left {
		font-size: 28upx;
		padding: 0 30upx;
	}
	.uni-list-cell-db{
		font-size: 16px;
	}
	.uni-list-cell-db,
	.uni-list-cell-right {
		flex: 1;
	}

	.uni-list-cell::after {
		position: absolute;
		z-index: 3;
		right: 30upx;
		bottom: 0;
		left: 30upx;
		height: 1px;
		content: '';
		-webkit-transform: scaleY(.5);
		transform: scaleY(.5);
		background-color: #e4e4e4;
	}

	.uni-list .uni-list-cell:last-child::after {
		height: 0upx;
	}

	.uni-list-cell-last.uni-list-cell::after {
		height: 0upx;
	}

	.uni-list-cell-divider {
		position: relative;
		display: flex;
		color: #999;
		background-color: #f7f7f7;
		padding: 15upx 20upx;
	}

	.uni-list-cell-divider::before {
		position: absolute;
		right: 0;
		top: 0;
		left: 0;
		height: 1px;
		content: '';
		-webkit-transform: scaleY(.5);
		transform: scaleY(.5);
		background-color: #c8c7cc;
	}

	.uni-list-cell-divider::after {
		position: absolute;
		right: 0;
		bottom: 0;
		left: 0;
		height: 1px;
		content: '';
		-webkit-transform: scaleY(.5);
		transform: scaleY(.5);
		background-color: #e4e4e4;
	}

	.uni-list-cell-navigate {
		font-size: 30upx;
		padding: 22upx 30upx;
		line-height: 48upx;
		position: relative;
		display: flex;
		box-sizing: border-box;
		width: 100%;
		flex: 1;
		justify-content: space-between;
		align-items: center;
	}

	.uni-list-cell-navigate {
		padding-right: 36upx;
	}

	.uni-navigate-badge {
		padding-right: 50upx;
	}

	.uni-list-cell-navigate.uni-navigate-right:after {
		font-family: uniicons;
		content: '\e583';
		position: absolute;
		right: 24upx;
		top: 50%;
		color: #bbb;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
	}

	.uni-list-cell-navigate.uni-navigate-bottom:after {
		font-family: uniicons;
		content: '\e581';
		position: absolute;
		right: 24upx;
		top: 50%;
		color: #bbb;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
	}

	.uni-list-cell-navigate.uni-navigate-bottom.uni-active::after {
		font-family: uniicons;
		content: '\e580';
		position: absolute;
		right: 24upx;
		top: 50%;
		color: #bbb;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
	}

	.uni-collapse.uni-list-cell {
		flex-direction: column;
	}

	.uni-list-cell-navigate.uni-active {
		background: #eee;
	}

	.uni-list.uni-collapse {
		box-sizing: border-box;
		height: 0;
		overflow: hidden;
	}

	.uni-collapse .uni-list-cell {
		padding-left: 20upx;
	}

	.uni-collapse .uni-list-cell::after {
		left: 52upx;
	}

	.uni-list.uni-active {
		height: auto;
	}

	.jiucuo .jc-h1 {
		font-size: 18px;
		margin-bottom: 12px;
	}

	.jiucuo-textarea {
		border: solid 1px #f5f5f5;
		padding: 10px;
		width: 100%;
	}

	.jc-button {
		height: 38px;
		line-height: 38px;
		width: 100%;
		margin-top: 10px;
		background: #3c7bfc !important;
		color: #000 !important;
		border-radius: 30px;
	}
	.qkbutton {
		background: #3c7bfc;
		color: #fff;
		padding: 5px 12px;
		font-size: 13px;
		border-radius: 4px;
		margin: 3px;
	}
	.jiucuo .jc-h1{
		font-size: 18px;
		margin-bottom: 12px;
	}
	.jiucuo input{
		height: 38px;
		line-height: 38px;
		padding-left: 5px;
		width: 100%;
	}
	.jiucuo .jc-button {
		height: 38px;
		line-height: 38px;
		width: 100%;
		margin-top: 10px;
	}
	.ycct{
		color: #f61100;
		border: solid 1px #f61100;
		padding: 4px 7px;
		font-size: 13px;
		border-radius: 5px;
	}
	
	.height50 {
	  overflow-y: scroll;
	  box-sizing: border-box;
	} 
	.question_feedback{
		color: #9c9c9c;
		    border: 1px #9c9c9c solid;
		    border-radius: 50rpx;
		   
		    font-size: 23rpx;
		    
		    width: 100rpx;
		    height: 35rpx;
		    display: flex;
		    align-items: center;
		    justify-content: center;
			position: relative;
		    left: 310px;
		    top: -45px;
	}
	.nan_du{
			width: 92%;
			    display: flex;
			    align-items: center;
			    
			    margin: auto;
			   margin-bottom: 20rpx;
			    font-size: 25rpx;
			    letter-spacing: 1rpx;
			    background-color: #f9f9f9;
			    border-radius: 5rpx;
			    height: 80rpx;
				
		
	}
	.nan_du>view:nth-child(1){
		display: flex;
		align-items: center;
		flex-flow: row nowrap;
		margin-left: 30rpx;
	}
	.nan_du>view:nth-child(2){
		margin-left: 100rpx;
	}
	.order-pay image{
	  width: 40rpx;
	  height: 40rpx;
	  
	 }
	 .order-pay>view{
	  display: flex;
	  align-items: center;
	  justify-content: center;
	  flex-direction: column;
	  
	 }
</style>

